{% extends 'index.html' %}
{% load i18n %}

{% block title %}{% trans "Account setup" %}{% endblock %}

{% block content_title %}<h2>{% blocktrans with profile.user.username as username %}Account &raquo; {{ username }}{% endblocktrans %}</h2>{% endblock %}

{% block center-col %}


<style>
#box-nav  {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }

#box-nav  li {display: inline; width: 50px; }
#box-nav  a {text-decoration:none; color: blue; width:80% }
#box-nav  a:hover {color: purple; }
#box-nav li a:hover {color: purple;
	background: yellow; }
</style>


<form class="ym-form" action="" enctype="multipart/form-data" method="post">
  <ul id="box-nav">
    <li class="first"><a href="{% url userena_profile_detail user.username %}"><span>{% trans 'View profile' %}</span></a></li>
    <li class="selected"><a href="{% url userena_profile_edit user.username %}">{% trans "Edit profile" %}</a></li>
    <li><a href="{% url userena_password_change user.username %}">{% trans "Change password" %}</a></li>
  </ul>
  {% csrf_token %}
  <fieldset>
    <legend>{% trans "Edit Profile" %}</legend>
    {{ form.as_p }}
  </fieldset>
  <input type="submit" value="{% trans "Save changes" %}" />
</form>
{% endblock %}
